<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel=icon href="../img/favicon_yp.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <section class="app">
        <header class="header">
            <div class="title">
                <div class="link-left" onclick="history.back()"><span class="left-icon"></span></div>
                <div class="title-info">购物车</div>
            </div>
        </header>
        <main class="content">
            <div class="empty-cart" style="display: none;">
                <div class="empty-cart-img"><img src="../img/cart.png" alt=""></div>
                <p class="empty-cart-info">目前没有添加商品哦~</p>
                <div class="empty-cart-btn"><a class="btn" href="./index.html">去首页逛逛</a></div>
            </div>
            <div class="cart-info" style="display: none;">
                <div class="container">
                    <div class="cart-header">
                        <div class="inps inps-all"><input class="all_checked" type="checkbox" name="" id=""> </div>
                        <div class="del-btn"><span class="del">删除</span></div>
                        <div class="tips">已免运费</div>
                    </div> 
                    <div class="cart-container">
                        <div class="item">
                            <div class="inps inps-box"><input class="goods_checked" type="checkbox" name="" id=""></div>
                            <div class="goods-info">
                                <div class="goods-img"><img src="../img/goods1.png" alt=""></div>
                                <div class="goods-content">
                                    <div class="goods-name">umbra泡茶器 白色1004304-670</div>
                                    <div class="goods-price">
                                        <span class="new-price"><i>&yen;</i>2199</span>
                                        <div class="num-group">
                                            <span class="reduce disabled" max-num="12"></span>
                                            <div class="num">1</div>
                                            <span class="add" max-num="12"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="recommend">
                <div class="lr-img left-img"><img src="../img/left-icon.png" alt=""></div>
                <div class="info">为您推荐</div>
                <div class="lr-img right-img"><img src="../img/right-icon.png" alt=""></div>
            </div>
            <div class="shoplist">
                <div class="item" goods-id="4">
                    <div class="goods-img">
                        <img src="../img/goods1.png" alt="">
                    </div>
                    <div class="goods-name">全智能独立通话手表 | TicWatch Pro3旗舰版</div>
                    <div class="goods-poster">eSIM独立通话 高通4100芯片 血氧检测 NFC支付门禁</div>
                    <div class="goods-pirce">
                        <span class="new-price"><i>&yen;</i>2199</span>
                        <span class="old-price"><i>&yen;</i>2298</span>
                    </div>
                    <div class="goods-type"><span class="type">精选</span></div>
                </div><div class="item" goods-id="4">
                    <div class="goods-img">
                        <img src="../img/goods2.png" alt="">
                    </div>
                    <div class="goods-name">魔兽世界联名款</div>
                    <div class="goods-poster">魔兽世界限量联名款</div>
                    <div class="goods-pirce">
                        <span class="new-price"><i>&yen;</i>3130</span>
                        <span class="old-price"><i>&yen;</i>3199</span>
                    </div>
                    <div class="goods-type"><span class="type">精选</span></div>
                </div>
            </div>
            <div class="line">到底了</div>
        </main>
        
        <footer class="footer">
            <div class="bottom">
                <div class="heji">合计：<span class="totalMoney">&yen;0.00</span></div>
                <div class="jiesuan">结算</div>
            </div>
        </footer>
    </section>
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/jquery.lazyload.js"></script>
    <script src="../js/model.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>